import React, {useRef} from 'react';
import {View,} from '@tarojs/components';
import FlowList, {FlowListComponentHandle} from '../../../components/VirtualList';
import OrderItem from './components/order-item';

const FlowListScreen: Taro.FC = () => {
  const ref = useRef<FlowListComponentHandle>(null!);

  return (
    <View>
      <FlowList
        ref={ref}
        listId="example-virtual-flow-list-test"
        scrollStyle={{
          height: `100vh`
        }}
        renderItem={(item, index, pageIndex) => <OrderItem pageIndex={pageIndex} index={index} key={item}/>}
      />
    </View>
  );
};
export default FlowListScreen;



